接著我們來說說代入參數的函式,前面大家都知道 function 的起手式,函式命名之後要先用小括弧,而這個小括弧裡面放著的就是參數。
下面舉個情境例子:
當我們去便利商店買東西時,一包餅乾的價格為39元,一瓶水為20元,但每個人進去買的餅乾跟水的數量都不一樣,若我們可以設計一個像收銀機一樣的計算功能,是不是就更有效率?
程式碼如下:
function count(cookieNum,waterNum){
var cookiePrice = cookieNum * 39;
var waterPrice = waterNum * 20;
var total = cookiePrice + waterPrice;
console.log(total);
}
這次跟以往不同的是,我們已知的是餅乾跟水的價格,所以我們把各自的數量設成參數(cookieNum,waterNum)
代入到函式內
而函式內,則是先計算餅乾的總金額 var cookiePrice = cookieNum * 39;
再計算水的總金額var waterPrice = waterNum * 20;
最後再把兩樣金額相加var total = cookiePrice + waterPrice;
最後再把計算的結果,輸出到 console 內
如此一來,我們呼叫函式時代入各自不一樣的數字(即數量),就可以幫我們把金額算好了
假設小明買了8包餅乾和10瓶水,則呼叫函式時:count(8,10)
在 console 就會輸出總金額 512 了
再假設小花買了5包餅乾和5瓶水,則呼叫函式時:count(5,5)
接著 console 就會輸出 295
是不是覺得有參數的函式也很有趣呢